<template>
  <div class="box1">
    <div v-for="v in obj" :key="v.adId">
      <img :src="v.filmUrl" alt="" />
      <p>{{ v.filmName }}</p>
    </div>
  </div>
</template>

<script>
import { LifeMovie } from "@/apis/lifelink.js";
export default {
  data() {
    return {
      obj: [],
    };
  },
  mounted() {
    LifeMovie().then((ok) => {
      console.log(ok.data.data);
      this.obj = ok.data.data;
    });
  },
};
</script>

<style lang="scss" scoped>
.box1 {
  display: flex;
  justify-content: space-between;
  overflow-x: scroll;
  > div {
    flex: 1;
    margin: 0.05rem;

    > img {
      width: 1rem;
    }
    > p {
      font-size: 0.14rem;
      margin-bottom: 0.1rem;
    }
  }
}
</style>